<template>
	<view class="result-container">
	    <view class="result-section">
	      <text class="label">面试结果</text>
	      <view class="radio-group">
	        <radio-group v-model="selectedResult">
	          <label>
	            <radio value="通过">通过</radio>
	          </label>
	          <label>
	            <radio value="不通过">不通过</radio>
	          </label>
	          <label>
	            <radio value="拒绝面试">拒绝面试</radio>
	          </label>
	          <label>
	            <radio value="待沟通">待沟通</radio>
	          </label>
	        </radio-group>
	      </view>
	    </view>
		<u-divider></u-divider>
	    <view class="remark-section" style="margin-top: 30rpx;">
	      <text class="label">备注</text>
	      <textarea placeholder="输入" v-model="remark" />
	    </view>
		<u-divider></u-divider>
	    <view class="button-section">
	      <button class="confirm-btn" @click="submitResult">确定</button>
	      <button class="cancel-btn" @click="cancel">取消</button>
	    </view>
	  </view>
</template>

<script>
	export default {
	  data() {
	    return {
	      selectedResult: '通过',
	      remark: ''
	    };
	  },
	  methods: {
	    submitResult() {
	      uni.showToast({
	        title: '结果已提交',
	        icon: 'none'
	      });
	      // 这里可以添加将结果发送到后端的逻辑，比如使用uni.request
	    },
	    cancel() {
	      uni.navigateBack({
	        delta: 1
	      });
	    }
	  }
	};
</script>

<style lang="scss">
	.result-container {
	  padding: 20rpx;
	  display: flex;
	  flex-direction: column;
	  justify-content: space - between;
	}
	.result-section,
	.remark-section {
	  margin-bottom: 20rpx;
	  display: flex;
	  align-items: center;
	}
	.label {
	  width: 150rpx;
	  font-size: 32rpx;
	  margin-right: 20rpx;
	}
	.radio-group {
	  // display: flex;
	  // flex-direction: column;
	}
	.radio-group label {
	  margin-bottom: 10rpx;
	  font-size: 32rpx;
	}
	input {
	  flex: 1;
	  height: 60rpx;
	  border: 1rpx solid #ccc;
	  border-radius: 5rpx;
	  padding: 0 10rpx;
	  font-size: 32rpx;
	}
	.button-section {
	  // display: flex;
	  // justify-content: space - between;
	}
	.confirm-btn {
	  background-color: #00b54b;
	  color: white;
	  padding: 15rpx 30rpx;
	  border-radius: 20rpx;
	  font-size: 32rpx;
	  width: 80%;
	}
	.cancel-btn {
		margin-top: 30rpx;
	  background-color: #ccc;
	  color: black;
	  padding: 15rpx 30rpx;
	  border-radius: 20rpx;
	  font-size: 32rpx;
	  width: 80%;
	}
</style>